<template>
  <div class="page-wrapper">
    <Tabs type="card">
        <Tab-pane label="签约信息">
          <singInfo :onloaded="signLoaded" />
        </Tab-pane>
        <Tab-pane v-if="ieffective !== 0" label="履约计划及执行情况">
          <planCondition />
        </Tab-pane>
    </Tabs>
    <div class="btn-group"><Button style="width: 100px" @click="handleBack">返回</Button></div>
  </div>
</template>

<script>
import singInfo from "@/pages/components/patientSignDetail/signInfo";
import planCondition from "@/pages/components/patientSignDetail/planCondition";
export default {
  components: {
    singInfo,
    planCondition
  },
  create() {
    let breadList = [
      { path: "/index", title: "首页" },
      {
        path: "",
        title: "患者运营管理"
      },
      {
        path: "/index/publicOperation/patientInformation/list",
        title: "患者信息查询"
      }
    ];
  },
  data() {
    return {
      ieffective: null
    }
    
  },
  methods: {
    handleBack() {
      // this.$router.back(-1)
      this.functionJS.queryNavgationTo(
          this,
          '/index/publicOperation/patientInformation/list'
      );
    },
    signLoaded(info) {
      this.ieffective =  info.ieffective;
    }
  }

}
</script>

<style scoped lang="less">
.page-wrapper {
    padding: 10px 0;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}
  .btn-group {
    text-align: center;
    margin-bottom: 10px;
  }
</style>